<div class="custom-wrapper pure-g" id="menu">
    <!-- 7/24 5/24 -->
    <div class="pure-u-1 pure-u-sm-7-24 pure-u-md-5-24">
        <div class="pure-menu">
            <a href="{{ url_for('visit.index') }}" class="pure-menu-heading custom-brand" target="_blank">gsw945's website</a>
            <a href="javascript:;" class="custom-toggle" id="toggle">
                <i class="bar"></i>
                <i class="bar"></i>
                <i class="bar"></i>
            </a>
        </div>
    </div>
    <!-- 11/24 14/24==7/12 -->
    <div class="pure-u-1 pure-u-sm-11-24 pure-u-md-7-12">
        <div class="pure-menu pure-menu-horizontal custom-can-transform">
            <ul class="pure-menu-list">
                <li class="pure-menu-item" data-id="admin">
                    <a href="{{ url_for('admin.index') }}" class="pure-menu-link">Main</a>
                </li>
                <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
                    <a href="javascript:;" id="menuLink1" class="pure-menu-link">Article</a>
                    <ul class="pure-menu-children">
                        <li class="pure-menu-item">
                            <a href="{{ url_for('admin.article_edit') }}" class="pure-menu-link">Edit-New</a>
                        </li>
                        <li class="pure-menu-item">
                            <a href="{{ url_for('admin.article_list') }}" class="pure-menu-link">List-View</a>
                        </li>
                    </ul>
                </li>
                <li class="pure-menu-item pure-menu-selected">
                    <a href="javascript:;" class="pure-menu-link">SEO</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 6/24==1/4 5/24 -->
    <div class="pure-u-1 pure-u-sm-1-4 pure-u-md-5-24">
        <div class="pure-menu pure-menu-horizontal custom-menu-3 custom-can-transform">
            <ul class="pure-menu-list">
                <li class="pure-menu-item">
                    <a href="#" class="pure-menu-link">Setting</a>
                </li>
                <li class="pure-menu-item">
                    <a href="#" class="pure-menu-link">Logout</a>
                </li>
            </ul>
        </div>
    </div>
</div>